<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        li {
            list-style: none;
            padding-left: 20px;
        }

        .title {
            line-height: 50px;
        }

        .list li {
            line-height: 45px;
            border: 1px dashed #333;
        }
    </style>
</head>

<body>
    <div class="wrap">
        <h3 class="title">多元素获取和设置</h3>
        <ul class="list">
            <li value="1">01
                <div></div>
            </li>
            <li value="1">02</li>
            <li value="1">03</li>
            <li value="1">04</li>
            <li value="1">05</li>
        </ul>
    </div>
</body>
<script>
    // var title = document.querySelectorAll(".title");
    // var eles = document.querySelectorAll(".title");
    // var eles = document.querySelectorAll(".list li");

    // for (var i = 0; i < eles.length; i++) {
    //     eles[i].innerHTML = "111";
    // }
    // set("hello");
    // function set(con) {
    //     for (var i = 0; i < eles.length; i++) {
    //         eles[i].innerText = con;
    //     }
    // }

    // function get() {
    //     // var arr = [];
    //     // for (var i = 0; i < eles.length; i++) {
    //     //     arr.push(eles[i].innerText)
    //     // }
    //     // return arr;

    //     return eles[0].textContent;
    // }
    // console.log(get());

    var GetEle = {
        eles: document.querySelectorAll(".list li"),
        html(con) {
            if (arguments.length >= 1) { // 如果有参数
                for (var i = 0; i < this.eles.length; i++) {
                    this.eles[i].innerHTML = con;
                }
            } else {
                return this.eles[0].innerHTML;
            }
        },
        text(con) {
            if (arguments.length >= 1) { // 如果有参数
                for (var i = 0; i < this.eles.length; i++) {
                    this.eles[i].textContent = con;
                }
            } else {
                return this.eles[0].textContent;
            }
        },
        val(con) {
            if (arguments.length >= 1) { // 如果有参数
                for (var i = 0; i < this.eles.length; i++) {
                    this.eles[i].value = con;
                }
            } else {
                return this.eles[0].value;
            }
        }

    }

    // GetEle.text("123123");
    console.log(GetEle.html("<div>111</div>"));
    console.log(GetEle.val());


</script>

</html>